@charset "UTF-8";

/* *html body			for ie6 */
/* *:first-child+html	for ie7 */

#wrapper {
}

/* ヘッダー */
header {
    position:fixed !important;
    position:absolute;
	overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:87px;
	background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	box-shadow:0px 3px 6px #aaa;
}

header #header_inner {
	width:100%;
	height:87px;
}

header h1 {
	text-indent:-9999px;
	width:43px;
	height:30px;
	margin:10px 10px 0 10px;
	background:url(../images/logos/logo_header.png) no-repeat;
	-webkit-background-size:43px 30px;
	float:left;
}
header h1 a {
	display:block;
	width:43px;
	height:30px;
}

header #searchbox {
	max-width:458px;
	min-width:237px;
	height:30px;
	padding-top:10px;
	float:left;
}

header form {
	max-width:458px;
	min-width:237px;
	height:30px;
	padding:0;
	-webkit-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.4);
	border-radius:5px;
}
header form input {
	max-width:408px;
	min-width:187px;
	height:30px;
	background:none;
	float:left;
	border:none;
}
header form button {
	cursor:pointer;
	text-indent:-9999px;
	width:49px;
	height:28px;
	margin:1px 1px 1px 0;
	background:url(../images/btns/btn_serchbox.png) no-repeat;
	-webkit-background-size:49px 28px;
	float:right;
	border:none;
}


header nav {
	clear:both;
	width:100%;
	height:40px;
	margin:7px 0 0 0;
}
header nav ul {
	list-style:none;
	width:100%;
	height:40px;
	margin:0;
	padding:0;
}
header nav ul li {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	width:33.3%;
	height:40px;
	margin:0;
	background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #dedede 100%);
	float:left;
}
header nav ul li a {
	display:block;
	text-decoration:none;
	color:#000;
	width:100%;
	height:40px;
	padding:0 0 0 30px;
}
header nav ul li:nth-child(1) a {
	background:url(../images/nav/nav_login.png) no-repeat 5px center;
	-webkit-background-size:22px 18px;
}
header nav ul li:nth-child(2) {
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.4);
	background-image: -webkit-linear-gradient(top, #e87b1f 0%, #e2781e 100%);
}
header nav ul li:nth-child(2) a {
	color:#fff;
	background:url(../images/nav/nav_cart.png) no-repeat 10px center;
	-webkit-background-size:16px 16px;
}
header nav ul li:nth-child(3) a {
	background:url(../images/nav/nav_mypage.png) no-repeat 8px center;
	-webkit-background-size:16px 16px;
}
header nav ul li.login {
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.4);
	background-image: -webkit-linear-gradient(top, #3379bf 0%, #3389df 100%);
}
header nav ul li.login a {
	color:#fff;
	padding:0 0 0 10px;
	background:none;
}


/* 下部コンテンツ */
section#r_clm {
}

section#r_clm h3 {
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3";
	font-size:14px;
	font-weight:bold;
	line-height:41px;
	color:#fff;
	height:40px;
	background:#a60000;
	text-shadow:0px 0px 5px #ffffbe;
}

section#r_clm h4 {
	font-size:14px;
	font-weight:bold;
	line-height:41px;
	height:40px;
	padding:0 10px;
	background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #e6e6e6 100%);
}
section#r_clm h4 a {
	display:block;
	color:#000;
	height:40px;
	padding:0 0 0 10px;
	background:url(../images/icons/icon_list_black.gif) no-repeat 0 center;
	-webkit-background-size:5px 3px;
}


/* カテゴリ */
section#r_clm #cat h5 {
	font-size:14px;
	font-weight:bold;
	line-height:31px;
	color:#fff;
	height:30px;
	padding:0 10px;
	background:#0058af;
}
section#r_clm #cat h5 a {
	display:block;
	color:#fff;
	height:30px;
	margin:0 -10px;
	padding:0 10px;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
}

section#r_clm #cat ul {
	list-style:none;
	font-size:12px;
	line-height:16px;
	padding:10px 5px 10px 10px;
}
section#r_clm #cat ul li {
	margin:0 0 10px 0;
}

section#r_clm #cat ol {
	list-style:none;
	margin:20px 0 0 0;
}
section#r_clm #cat ol li {
	text-indent:-9999px;
	height:100px;
	margin:0 0 10px 0;
}
section#r_clm #cat ol li a {
	display:block;
	height:100px;
}
section#r_clm #cat ol li:nth-child(1) {background:url(../images/btns/btn_sub_dd_on.gif) no-repeat;}
section#r_clm #cat ol li:nth-child(1) a {background:url(../images/btns/btn_sub_dd.gif) no-repeat;}
section#r_clm #cat ol li:nth-child(1) a:hover {background:none;}

section#r_clm #cat ol li:nth-child(2) {background:url(../images/btns/btn_sub_dh_on.gif) no-repeat;}
section#r_clm #cat ol li:nth-child(2) a {background:url(../images/btns/btn_sub_dh.gif) no-repeat;}
section#r_clm #cat ol li:nth-child(2) a:hover {background:none;}


/* はじめてのお客様へ */
section#r_clm h4.begginer {
	color:#fff;
	background:#ff8e00;
}
section#r_clm ul#begginer {
	list-style:none;
	height:125px;
	margin:0 0 20px 0;
	border:1px solid #ff8e00;
}
section#r_clm ul#begginer li {
	height:24px;
	margin:0 0 1px 0;
	padding:0 0 0 25px;
	background:url(../images/icons/icon_bgn.gif) no-repeat 10px center #ffe;
}
section#r_clm ul#begginer li a {
	display:block;
	height:24px;
	margin:0 0 0 -25px;
	padding:0 0 0 25px;
	-webkit-transition:0;
	-moz-transition:0;
	-o-transition:0;
	-ms-transition:0;
	transition:0;
}
section#r_clm ul#begginer li a:hover {
	text-decoration:none;
	color:#000;
	background:url(../images/icons/icon_bgn.gif) no-repeat 10px center #fff2d9;
}


/* Information */
section#r_clm ul#info {
	list-style:none;
}
section#r_clm ul#info li {
	height:24px;
	margin:0 0 1px 0;
	padding:0 0 0 10px;
	background:url(../images/bgs/bg_r_clm_info_bgn.gif) repeat-x;
}
section#r_clm ul#info li:hover {
	background:url(../images/bgs/bg_r_clm_info_bgn_on.gif) repeat-x;
}
section#r_clm ul#info li a {
	display:block;
	color:#fff;
	height:24px;
	margin:0;
	padding:0 0 0 7px;
	background:url(../images/icons/icon_list.gif) no-repeat 0 center;
	-webkit-background-size:3px 5px;
}
section#r_clm ul#info li a:hover {
	text-decoration:none;
	color:#fff;
}

section#r_clm ul#info li:nth-child(1) {
	font-weight:bold;
	background:url(../images/bgs/bg_r_clm_info.gif) repeat-x;
}
section#r_clm ul#info li:nth-child(1):hover {
	font-weight:bold;
	background:url(../images/bgs/bg_r_clm_info_on.gif) repeat-x;
}
section#r_clm ul#info li:nth-child(1) a {
	height:24px;
	color:#000;
	padding:0 20px 0 7px;
	background:url(../images/icons/icon_list_bgn.png) no-repeat 0 center;
}
section#r_clm ul#info li:nth-child(1) a:hover {
	color:#000;
}


/* ランキング */
section#r_clm ul#ranking {
	list-style:none;
}
section#r_clm ul#ranking li {
	font-weight:bold;
	color:#000;
	padding:7px 10px 7px 9px;
	border-left:1px solid #e6e6e6;
}
section#r_clm ul#ranking li p#rank_1 {
	text-indent:-9999px;
	width:52px;
	height:75px;
	margin:0 0 0 12px;
	background:url(../images/bgs/bg_rank_no01.gif) no-repeat 0 0;
	float:left;
}
section#r_clm ul#ranking li p#rank_2 {
	text-indent:-9999px;
	width:52px;
	height:65px;
	margin:0 0 0 20px;
	background:url(../images/bgs/bg_rank_no02.gif) no-repeat 0 0;
	float:left;
}
section#r_clm ul#ranking li p#rank_3 {
	text-indent:-9999px;
	width:52px;
	height:65px;
	margin:0 0 0 20px;
	background:url(../images/bgs/bg_rank_no03.gif) no-repeat 0 0;
	float:left;
}
section#r_clm ul#ranking li img {
	margin:5px 0;
	float:right;
}

section#r_clm ul#ranking li a {
	font-size:12px;
	font-weight:normal;
	color:#0058af;
	line-height:16px;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
}
section#r_clm ul#ranking li a:hover {
	color:#2a91f8;
}
section#r_clm ul#ranking li em {
	font-weight:bold;
	color:#b00000;
}

section#r_clm ul#ranking li.rank_no1 {
	background:#ffe;
}


/* What's New */
section#r_clm ul#whatsnew {
	list-style:none;
	margin:0 0 20px 0;
}
section#r_clm ul#whatsnew li {
	font-family:Arial;
	font-weight:bold;
	color:#000;
	padding:7px 10px 7px 9px;
	border-left:1px solid #e6e6e6;
}
section#r_clm ul#whatsnew li a {
	font-weight:normal;
	line-height:14px;
	color:#0058af;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
}
section#r_clm ul#whatsnew li a:hover {
	color:#2a91f8;
}


/* 関連商品 */
#kanren ol {
	list-style:none;
	margin:0 0 20px 0;
}
#kanren ol li {
	font-weight:bold;
	line-height:16px;
	color:#000;
	padding:10px 10px 10px 9px;
	border-left:1px solid #ddd;
}
#kanren ol li img {
	margin:0 0 0 40px;
}
#kanren ol li a {
	font-size:12px;
	font-weight:normal;
	color:#0058af;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
}
#kanren ol li a:hover {
	color:#006eda;
}
#kanren ol li em {
	font-size:10px;
	font-weight:bold;
	color:#b00000;
}


/* フッター */
footer {
	margin:40px 0 0 0;
}
footer p.btn_gototop {
	text-indent:-9999px;
	height:24px;
	border-bottom:1px solid #ddd;
}
footer p.btn_gototop a {
	display:block;
	width:180px;
	height:24px;
	background:url(../images/btns/btn_gototop.gif) no-repeat;
	-webkit-background-size:180px 25px;
	float:right;
	-webkit-transition:0;
    -moz-transition:0;
    -o-transition:0;
    -ms-transition:0;
    transition:0;
}


footer ul {
	clear:both;
	list-style:none;
	margin:10px;
}
footer ul li {
	line-height:12px;
	padding:0 5px 0 0;
	margin:0 5px 10px 0;
	border-right:1px solid #000;
	float:left;
}


footer address {
	text-align:center;
	font-family:Arial;
	font-size:10px;
	font-style:normal;
	padding:20px 0 10px 0;
	background:url(../images/logos/logo_footer.gif) no-repeat center 0;
	-webkit-background-size:171px 20px;
}



















